<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../layui/layui.css" media="all" />
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_788882_327gqqsxsgf.css">
    <link rel="stylesheet" href="homepage.css">
</head>

<body class="iframchild">
    <div class="f-cb">
            <div class="layui-col-lg7 notic">
                    <div class="notic-top f-cb">
                        <i class="iconfont icon-tongzhi"></i>
                        <h3>重要通知</h3>
                    </div>
                    <div class="notic-main">
                        新版本返利app2.0发布,安装成功后,需要清除应用数据才能生效,否则可能会影响消息通知不到等情况! 将于8月13日12点正式订单结算功能,请尽快下载最新版本,避免消息通知不到! 部分数据将尽快同步到新版本上.
                    </div>
                    <div class="notic-date">2018-8-13</div>
                </div>
                <div class="notic notic2">
                        <div class="notic-top f-cb">
                            <i class="iconfont icon-daibanshixiang"></i>
                            <h3>待办事项</h3>
                        </div>
                        <div class="notic-main">
                            <div class="wd-message">
                                <div class="title">
                                    <i class="iconfont icon-xiaoxi1"></i>
                                    <span>未读消息</span>
                                </div>
                                <span class="data">0</span>
                
                            </div>
                            <div class="wd-message">
                                <div class="title title2">
                                    <i class="iconfont icon-tixian1"></i>
                                    <span>未处理提现</span>
                                </div>
                                <span class="data">0</span>
                
                
                            </div>
                
                        </div>
                    </div>
                
    </div>
    
    
    <div class="real-time layui-col-lg12">
        <div class="title">
            <i class="iconfont icon-shuju"></i>
            <span>实时数据</span>
        </div>
        <ul class="list f-cb">
            <li class="item ">
                <div class="icon">
                    <i class="iconfont icon-renshu"></i>
                </div>
                <div class="data">
                    <p>886</p>
                    <div>查券人数</div>
                </div>
                
            </li>
            <li class="item  item2">
                    <div class="icon">
                        <i class="iconfont icon-attacktime"></i>
                    </div>
                    <div class="data">
                        <p>886</p>
                        <div>查券次数</div>
                    </div>
                    
                </li>
            <li class="item item3">
                    <div class="icon">
                        <i class="iconfont icon-shouyi"></i>
                    </div>
                    <div class="data">
                        <p>886</p>
                        <div>预估收益</div>
                    </div>
                    
                </li>
                <li class="item item4">
                        <div class="icon">
                            <i class="iconfont icon-02"></i>
                        </div>
                        <div class="data">
                            <p>886</p>
                            <div>处理提现</div>
                        </div>
                        
                    </li>
                    <li class="item item5">
                            <div class="icon">
                                <i class="iconfont icon-tianjiayonghu"></i>
                            </div>
                            <div class="data">
                                <p>886</p>
                                <div>昨日新增用户</div>
                            </div>
                            
                        </li>
                        <li class="item item6">
                                <div class="icon">
                                    <i class="iconfont icon-liebianfenxiang"></i>
                                </div>
                                <div class="data">
                                    <p>886</p>
                                    <div>昨日新增裂变用户</div>
                                </div>
                                
                            </li>
                            <li class="item item7">
                                    <div class="icon">
                                        <i class="iconfont icon-xiadan"></i>
                                    </div>
                                    <div class="data">
                                        <p>886</p>
                                        <div>昨日新增下单用户</div>
                                    </div>
                                    
                                </li>
                                <li class="item item8">
                                        <div class="icon">
                                            <i class="iconfont icon-gengduo"></i>
                                        </div>
                                        <div class="data">
                                            <p>更多数据</p>
                                        </div>
                                        
                                    </li>
                                  

          
        </ul>


    </div>
    <div class="main f-cb">
            <div id="layer04" class="layer" style="height:350px;;">
                <div id="layer04_left" class="layer04-panel">
                    <div id="layer04_left_label" class="layer04-panel-label">30天日查券人数</div>
                    <div id="layer04_left_chart" class="layer04-panel-chart"></div>
                </div>
                <div id="layer04_right" class="layer04-panel">
                    <div id="layer04_right_label" class="layer04-panel-label">
                        <span>昨日数据/</span><span style="color:#00A09A;">近一周</span>
                    </div>
                    <div id="layer04_right_chart" class="layer04-panel-chart"></div>
                </div>
            </div>
        </div>
        <script src="../../layui/layui.all.js"></script>
    <script src="https://cdn.bootcss.com/echarts/4.1.0.rc2/echarts.min.js"></script>
    <script src="monitor.js"></script>
    <script src="homepage.js"></script>
</body>

</html>